<!DOCTYPE html>
<html>
<head>
	<title>父子组件值传递参数检验和非Props特性</title>
	<script type="text/javascript" src="./vue.js"></script>
</head>
<body>	
	<div id="app">
		<!-- name成为子组件的属性值 -->
		<!-- <div name="abc">hello world</div> -->
		<hello :content="'hello world'" name="abc"></hello>
	</div>
	<script>
		var hello = {
			props : {
				// content : String ,  //简单的检验
				//复杂的检验
				content : {
					type : String, //如果是多个类型则可以使用[]数组
					required : true,
					default : 'hello world',
					validator : function(value) {
						return value.length > 5;
					}
				}
			},
			template : '<div>{{content}}</div>'
		};
		var app = new Vue({
			el : '#app' ,
			components : {
				'hello' : hello
			}
		});
	</script>
</body>
</html>